.elementor-9160 .elementor-element.elementor-element-bc921f7{--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-9160 .elementor-element.elementor-element-a1e3c3d{--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-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );}.elementor-9160 .elementor-element.elementor-element-bde9858 img{width:85%;}.elementor-9160 .elementor-element.elementor-element-2f2d4b9{--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;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-9160 .elementor-element.elementor-element-1a08cd4{--display:flex;}.elementor-9160 .elementor-element.elementor-element-b531539{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-9160 .elementor-element.elementor-element-b531539:not(.elementor-motion-effects-element-type-background), .elementor-9160 .elementor-element.elementor-element-b531539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E5ED;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-9160 .elementor-element.elementor-element-f8200f7{--display:flex;}.elementor-9160 .elementor-element.elementor-element-f8200f7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-e91a705{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-e91a705 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-b0a67b0{--display:flex;}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-3ea3d15{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-3ea3d15 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-11d239a{--display:flex;}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-056b316{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-056b316 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1b7013e{--display:flex;}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-47d5fc5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-47d5fc5 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-41615d6{--display:flex;}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-4df9ca4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-4df9ca4 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-d63902d{--display:flex;}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-affb733{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-affb733 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-508cf5c{--display:flex;}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-4404486{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-4404486 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-817ee4d{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;width:100%;max-width:100%;--n-tabs-title-gap:0px;--n-tabs-title-padding-top:.70rem;--n-tabs-title-padding-right:.70rem;--n-tabs-title-padding-bottom:.70rem;--n-tabs-title-padding-left:.70rem;--n-tabs-title-font-size:0.9rem;--n-tabs-title-color:var( --e-global-color-75f511cd );--n-tabs-title-color-active:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-817ee4d > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#279F9F;}.elementor-9160 .elementor-element.elementor-element-817ee4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-817ee4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9160 .elementor-element.elementor-element-817ee4d.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-817ee4d > .elementor-widget-container{background-color:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-817ee4d [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-8b793ca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-f84c21a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-5e404fe{--display:flex;}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-85b399d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-85b399d .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1f26145{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-1f26145 > .elementor-widget-container{margin:4rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-1f26145.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-ab5b12a{--display:flex;}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-c7893bc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-c7893bc .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4ad7b27{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-4ad7b27 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-4ad7b27.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-2a3c715{--display:flex;}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8c7820{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-f8c7820 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3624669{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-3624669 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-3624669.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-40abe27{--display:flex;}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-3a3166a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-3a3166a .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-d560edc{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-d560edc > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-d560edc.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-6fe2915{--display:flex;}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-7d1635e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-7d1635e .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-36f5d27{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-36f5d27 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-36f5d27.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-ac863f4{--display:flex;}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-c12d7cf{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-c12d7cf .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-7161857{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-7161857 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-7161857.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-2fc3722{--display:flex;}.elementor-9160 .elementor-element.elementor-element-80b0e2d{--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;--flex-wrap:wrap;}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-3d29b43{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-3d29b43 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-524a95d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-524a95d .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-2d10164{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-2d10164 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-ce82a17{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-ce82a17 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-bf682c0{--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-9160 .elementor-element.elementor-element-351ac45{--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-9160 .elementor-element.elementor-element-74cf9ff{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-74cf9ff.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-74cf9ff .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-12ca372{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-12ca372.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-12ca372 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-99d9984{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-99d9984.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-99d9984 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-16c8dce{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-16c8dce > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-16c8dce.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-5e2a31e{--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;--flex-wrap:wrap;}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-d98f9b0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-d98f9b0 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-8975102{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-8975102 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8550f7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-f8550f7 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-4aecde9{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-4aecde9 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-8e4d0f7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-8e4d0f7 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-8e4d0f7.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-9120b55{--display:flex;}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-bfe02f5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-bfe02f5 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-83bb3e0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-83bb3e0 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-83bb3e0.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-139241b{--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-9160 .elementor-element.elementor-element-942b7b6{--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-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-6b6767d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-6b6767d .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-ec0477f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-ec0477f .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-689ab43{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-689ab43 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-689ab43.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-7edc308{--display:flex;}.elementor-9160 .elementor-element.elementor-element-f5c96a4{width:var( --container-widget-width, 59.272% );max-width:59.272%;--container-widget-width:59.272%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-f5c96a4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-f5c96a4 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3d17b7b{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-3d17b7b > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-3d17b7b.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-07407aa{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-gap:2px;--n-tabs-title-border-radius:12px 0px 0px 12px;--n-tabs-title-padding-top:.70rem;--n-tabs-title-padding-right:.70rem;--n-tabs-title-padding-bottom:.70rem;--n-tabs-title-padding-left:.70rem;--n-tabs-title-font-size:0.9rem;--n-tabs-title-color:var( --e-global-color-75f511cd );--n-tabs-title-color-active:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-07407aa > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#279F9F;}.elementor-9160 .elementor-element.elementor-element-07407aa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-07407aa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9160 .elementor-element.elementor-element-07407aa.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-07407aa > .elementor-widget-container{background-color:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-07407aa [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-a2b026c{--display:flex;}.elementor-9160 .elementor-element.elementor-element-497286b{--display:flex;}.elementor-9160 .elementor-element.elementor-element-501b022{--display:flex;}.elementor-9160 .elementor-element.elementor-element-a7c36d4{--display:flex;}.elementor-9160 .elementor-element.elementor-element-1e8e269{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:100%;max-width:100%;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:1rem;--n-menu-title-color-normal:#4D4D4D;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-9160 .elementor-element.elementor-element-1e8e269.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-1e8e269 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-9160 .elementor-element.elementor-element-1e8e269 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-9160 .elementor-element.elementor-element-1e8e269 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Yekan Bakh", Sans-serif;font-weight:600;}.elementor-9160 .elementor-element.elementor-element-1e8e269 {--n-menu-title-color-hover:#279F9F;--n-menu-title-color-active:#279F9F;}.elementor-9160 .elementor-element.elementor-element-7ede988{--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-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01{z-index:4;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__field{color:#222222;border-color:#22222222;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__field-icon{color:var( --e-global-color-948af65 );}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__results-area{margin-top:7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#22222222;border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-link{text-align:right;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__results-item{border-top-style:dashed;border-top-width:1px;border-color:var( --e-global-color-948af65 );}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-thumbnail{width:50px;}body:not(.rtl) .elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-thumbnail{margin-right:8px;}body.rtl .elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-thumbnail{margin-left:8px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-thumbnail-img{border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__item-title{font-size:14px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__results-count{font-size:15px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__full-results{font-size:15px;color:#FFFFFF;background-color:var( --e-global-color-948af65 );padding:9px 16px 9px 16px;border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__full-results:hover{color:var( --e-global-color-75f511cd );background-color:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__arrow-button svg{width:20px;height:20px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__arrow-button svg > *{fill:#FFFFFF;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__arrow-button{background-color:var( --e-global-color-948af65 );border-radius:9px;}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__arrow-button:hover{background-color:var( --e-global-color-2318bc93 );border-color:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-f0f5f01 .jet-ajax-search__spinner{color:var( --e-global-color-948af65 );}.elementor-9160 .elementor-element.elementor-element-bffe746{width:auto;max-width:auto;z-index:1050;}.elementor-9160 .elementor-element.elementor-element-bffe746 > .elementor-widget-container{margin:-7px -7px -7px -7px;padding:-6px -6px -6px -6px;}.elementor-9160 .elementor-element.elementor-element-4af9e12{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9160 .elementor-element.elementor-element-e132cfe{--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-9160 .elementor-element.elementor-element-e34f3c4{--display:flex;}.elementor-9160 .elementor-element.elementor-element-4f0a856{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-9160 .elementor-element.elementor-element-4f0a856:not(.elementor-motion-effects-element-type-background), .elementor-9160 .elementor-element.elementor-element-4f0a856 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-1294129{--display:flex;}.elementor-9160 .elementor-element.elementor-element-1294129.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-39f6ab0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-39f6ab0 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-71043bc{--display:flex;}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-bb701d7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-bb701d7 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ade2204{--display:flex;}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-4cfd69f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-4cfd69f .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-0367e26{--display:flex;}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-bdfec42{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-bdfec42 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-056e445{--display:flex;}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-387dee0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-387dee0 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-19a3708{--display:flex;}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-ed0948c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-ed0948c .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-98ab530{--display:flex;}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-5429348{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-5429348 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-a641b99{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;width:100%;max-width:100%;--n-tabs-title-gap:0px;--n-tabs-title-padding-top:.70rem;--n-tabs-title-padding-right:.70rem;--n-tabs-title-padding-bottom:.70rem;--n-tabs-title-padding-left:.70rem;--n-tabs-title-font-size:0.9rem;--n-tabs-title-color:var( --e-global-color-75f511cd );--n-tabs-title-color-active:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-a641b99 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#279F9F;}.elementor-9160 .elementor-element.elementor-element-a641b99.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-a641b99.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9160 .elementor-element.elementor-element-a641b99.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-a641b99 > .elementor-widget-container{background-color:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-a641b99 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-45e7ac9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-3af73fa{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-154425b{--display:flex;}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-456b63f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-456b63f .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-5b3f038{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-5b3f038 > .elementor-widget-container{margin:4rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-5b3f038.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-119d059{--display:flex;}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-fca0477{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-fca0477 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3071c30{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-3071c30 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-3071c30.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-9cf642d{--display:flex;}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-f20d01f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-f20d01f .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-c7fb014{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-c7fb014 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-c7fb014.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-ccb8eb6{--display:flex;}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-a8f42cf{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-a8f42cf .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-88c85fd{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-88c85fd > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-88c85fd.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-53a23ca{--display:flex;}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-93a2833{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-93a2833 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-94e80a7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-94e80a7 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-94e80a7.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-a0981f2{--display:flex;}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-140539e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-140539e .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f8cfb43{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-f8cfb43 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-f8cfb43.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-0017723{--display:flex;}.elementor-9160 .elementor-element.elementor-element-e8e84c8{--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;--flex-wrap:wrap;}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-0368eaa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-0368eaa .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-db498eb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-db498eb .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-4a25ee7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-4a25ee7 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-0d79ce4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-0d79ce4 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-7ca1463{--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-9160 .elementor-element.elementor-element-3910551{--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-9160 .elementor-element.elementor-element-1eae66b{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-1eae66b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-1eae66b .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-536040a{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-536040a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-536040a .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-914b274{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-914b274.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-914b274 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1627f41{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-1627f41 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-1627f41.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-2a8012e{--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;--flex-wrap:wrap;}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-02f6b9c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-02f6b9c .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-6b8e953{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-6b8e953 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-8c7b39c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-8c7b39c .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-3eb6cdc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-3eb6cdc .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-d64ce80{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-d64ce80 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-d64ce80.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-bae9cb3{--display:flex;}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-ec8b4ec{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-ec8b4ec .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-d364ff0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-d364ff0 > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-d364ff0.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-5fd1f0f{--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-9160 .elementor-element.elementor-element-0cd6c9f{--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-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-144a288{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-144a288 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-1c8ae70{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-1c8ae70 .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-3a0a6b6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-3a0a6b6 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-3a0a6b6.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-975398b{--display:flex;}.elementor-9160 .elementor-element.elementor-element-b2f515a{width:var( --container-widget-width, 59.272% );max-width:59.272%;--container-widget-width:59.272%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-9160 .elementor-element.elementor-element-b2f515a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-icon i{color:#279F9F;transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-icon svg{fill:#279F9F;transition:fill 0.3s;}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-item > a{font-size:1rem;}.elementor-9160 .elementor-element.elementor-element-b2f515a .elementor-icon-list-text{color:var( --e-global-color-2318bc93 );transition:color 0.3s;}.elementor-9160 .elementor-element.elementor-element-f740b1a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-f740b1a > .elementor-widget-container{margin:6rem 0rem 0rem 0rem;}.elementor-9160 .elementor-element.elementor-element-f740b1a.elementor-element{--align-self:center;}.elementor-9160 .elementor-element.elementor-element-3e8434b{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:20%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;--n-tabs-title-gap:2px;--n-tabs-title-border-radius:12px 0px 0px 12px;--n-tabs-title-padding-top:.70rem;--n-tabs-title-padding-right:.70rem;--n-tabs-title-padding-bottom:.70rem;--n-tabs-title-padding-left:.70rem;--n-tabs-title-font-size:0.9rem;--n-tabs-title-color:var( --e-global-color-75f511cd );--n-tabs-title-color-active:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-3e8434b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#279F9F;}.elementor-9160 .elementor-element.elementor-element-3e8434b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-3e8434b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-9160 .elementor-element.elementor-element-3e8434b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-3e8434b > .elementor-widget-container{background-color:#E0E5ED;}.elementor-9160 .elementor-element.elementor-element-3e8434b [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-1d109c4{--display:flex;}.elementor-9160 .elementor-element.elementor-element-8eb061a{--display:flex;}.elementor-9160 .elementor-element.elementor-element-9055528{--display:flex;}.elementor-9160 .elementor-element.elementor-element-4f23180{--display:flex;}.elementor-9160 .elementor-element.elementor-element-5ad2f56{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:100%;max-width:100%;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:1rem;--n-menu-title-color-normal:#4D4D4D;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-9160 .elementor-element.elementor-element-5ad2f56.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9160 .elementor-element.elementor-element-5ad2f56 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-9160 .elementor-element.elementor-element-5ad2f56 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-9160 .elementor-element.elementor-element-5ad2f56 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Yekan Bakh", Sans-serif;font-weight:600;}.elementor-9160 .elementor-element.elementor-element-5ad2f56 {--n-menu-title-color-hover:#279F9F;--n-menu-title-color-active:#279F9F;}.elementor-9160 .elementor-element.elementor-element-7eb0729{--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-9160 .elementor-element.elementor-element-b177eed img{width:100%;}.elementor-9160 .elementor-element.elementor-element-0343f83{--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-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__field{color:#222222;border-color:#22222222;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__field-icon{color:var( --e-global-color-948af65 );}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__results-area{margin-top:7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#22222222;border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-link{text-align:right;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__results-item{border-top-style:dashed;border-top-width:1px;border-color:var( --e-global-color-948af65 );}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-thumbnail{width:50px;}body:not(.rtl) .elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-thumbnail{margin-right:8px;}body.rtl .elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-thumbnail{margin-left:8px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-thumbnail-img{border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__item-title{font-size:14px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__results-count{font-size:15px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__full-results{font-size:15px;color:#FFFFFF;background-color:var( --e-global-color-948af65 );padding:5px 0px 5px 5px;border-radius:10px 10px 10px 10px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__full-results:hover{color:var( --e-global-color-75f511cd );background-color:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__arrow-button svg{width:20px;height:20px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__arrow-button svg > *{fill:#FFFFFF;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__arrow-button{background-color:var( --e-global-color-948af65 );border-radius:9px;}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__arrow-button:hover{background-color:var( --e-global-color-2318bc93 );border-color:var( --e-global-color-2318bc93 );}.elementor-9160 .elementor-element.elementor-element-8d92656 .jet-ajax-search__spinner{color:var( --e-global-color-948af65 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-9160 .elementor-element.elementor-element-a1e3c3d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-9160 .elementor-element.elementor-element-bde9858{text-align:center;}.elementor-9160 .elementor-element.elementor-element-bde9858 img{width:65%;}.elementor-9160 .elementor-element.elementor-element-2f2d4b9{--width:15%;}.elementor-9160 .elementor-element.elementor-element-1e8e269{width:var( --container-widget-width, 10 );max-width:10;--container-widget-width:10;--container-widget-flex-grow:0;}.elementor-9160 .elementor-element.elementor-element-7ede988{--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-9160 .elementor-element.elementor-element-4af9e12{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;}.elementor-9160 .elementor-element.elementor-element-e132cfe{--width:100%;}.elementor-9160 .elementor-element.elementor-element-7eb0729{--width:927px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-b177eed{text-align:center;}.elementor-9160 .elementor-element.elementor-element-b177eed img{width:86%;}.elementor-9160 .elementor-element.elementor-element-0343f83{--width:1600px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9160 .elementor-element.elementor-element-18db42d{width:initial;max-width:initial;}.elementor-9160 .elementor-element.elementor-element-8d92656.elementor-element{--order:-99999 /* order start hack */;}}@media(min-width:768px){.elementor-9160 .elementor-element.elementor-element-bc921f7{--width:95%;}.elementor-9160 .elementor-element.elementor-element-a1e3c3d{--width:8.4em;}.elementor-9160 .elementor-element.elementor-element-2f2d4b9{--width:100%;}.elementor-9160 .elementor-element.elementor-element-f8200f7{--width:68.953%;}.elementor-9160 .elementor-element.elementor-element-7ede988{--width:46%;}.elementor-9160 .elementor-element.elementor-element-e132cfe{--width:50%;}.elementor-9160 .elementor-element.elementor-element-1294129{--width:68.953%;}.elementor-9160 .elementor-element.elementor-element-7eb0729{--width:50%;}.elementor-9160 .elementor-element.elementor-element-0343f83{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9160 .elementor-element.elementor-element-2f2d4b9{--width:12%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-817ee4d *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-817ee4d {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-817ee4d .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f26145 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1f26145 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7b27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3624669 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d560edc *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-d560edc .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36f5d27 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7161857 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16c8dce *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-16c8dce .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e4d0f7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83bb3e0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-689ab43 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-689ab43 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d17b7b *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-07407aa *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-07407aa {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-07407aa .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-a641b99 *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-a641b99 {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08);
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
    flex: 0 0 280px !important; /* عرض کمی جمع‌وجورتر برای این منو */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title {
    padding: 14px 24px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
    min-height: 280px; /* ثابت نگه داشتن ارتفاع برای جلوگیری از پرش منو */
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 12px 20px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px);
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
    .elementor-9160 .elementor-element.elementor-element-a641b99 .e-n-tabs-content {
        min-height: auto; /* حذف ارتفاع ثابت در موبایل */
        padding: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b3f038 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-5b3f038 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3071c30 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c7fb014 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-88c85fd *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-88c85fd .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94e80a7 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f8cfb43 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1627f41 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-1627f41 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d64ce80 *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d364ff0 *//* --- استایل بنر روشن (Style Light) --- */
.mega-menu-banner.style-light {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
    color: #334155;
}

.mega-menu-banner.style-light:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
}

.mega-menu-banner.style-light .banner-badge {
    background: rgba(39, 159, 159, 0.1);
    color: #279F9F;
}

.mega-menu-banner.style-light h4 {
    color: #0f172a;
}

.mega-menu-banner.style-light p {
    color: #64748b;
}

.mega-menu-banner.style-light .banner-cta {
    background: #279F9F;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(39, 159, 159, 0.2);
}

.mega-menu-banner.style-light .banner-cta:hover {
    background: #1c7373;
    color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a0a6b6 *//* اصلاح کانتینر اصلی محتوای تب برای چیدمان دو ستونه */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
    display: flex !important;
    flex-direction: row-reverse !important; /* لیست راست، بنر چپ */
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    width: 100%;
}

/* تنظیم عرض لیست لینک‌ها در صورت وجود بنر */
.elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content .elementor-widget-icon-list {
    flex: 1;
}

/* استایل اختصاصی باکس بنر */
.mega-menu-banner {
    flex: 0 0 260px; /* عرض ثابت برای بنر در دسکتاپ */
    position: relative;
    background: linear-gradient(135deg, #279F9F 0%, #1c7373 100%);
    border-radius: 12px;
    padding: 24px;
    color: #ffffff;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(39, 159, 159, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 25px rgba(39, 159, 159, 0.25);
}

/* ایجاد یک هاله نوری ملایم پشت بنر */
.mega-menu-banner .banner-overlay {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none;
}

/* استایل بچ بالای بنر */
.mega-menu-banner .banner-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    backdrop-filter: blur(5px);
}

/* محتوای متنی بنر */
.mega-menu-banner h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px 0;
    color: #ffffff;
    line-height: 1.4;
}

.mega-menu-banner p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
}

/* دکمه اکشن بنر */
.mega-menu-banner .banner-cta {
    display: inline-flex;
    align-items: center;
    background: #ffffff;
    color: #279F9F;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 100%;
    justify-content: space-between;
}

.mega-menu-banner .banner-cta i {
    transition: transform 0.3s ease;
    font-size: 11px;
}

.mega-menu-banner .banner-cta:hover {
    background: #f1f1f1;
    color: #1c7373;
}

.mega-menu-banner .banner-cta:hover i {
    transform: translateX(-4px); /* حرکت فلش به سمت چپ در هاور */
}

/* بهینه‌سازی برای حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3a0a6b6 .e-n-tabs-content > .elementor-element {
        flex-direction: column !important;
        gap: 20px;
    }
    .mega-menu-banner {
        flex: none;
        width: 100%;
        box-sizing: border-box;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f740b1a *//* --- استایل بنر تیره (Style Dark) --- */
.mega-menu-banner.style-dark {
    background: #0f172a; /* رنگ زغالی لوکس و مدرن */
    border: 1px solid #1e293b;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.3);
    color: #f8fafc;
}

.mega-menu-banner.style-dark:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.45);
}

/* ایجاد پترن خطوط مورب محو در پس‌زمینه تیره */
.mega-menu-banner.style-dark .banner-overlay-pattern {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%), 
                linear-gradient(-45deg, rgba(39, 159, 159, 0.05) 25%, transparent 25%);
    background-size: 20px 20px;
    pointer-events: none;
}

.mega-menu-banner.style-dark .banner-badge {
    background: #ef4444; /* رنگ قرمز برای ایجاد حس فوریت */
    color: #ffffff;
    font-weight: bold;
}

.mega-menu-banner.style-dark h4 {
    color: #ffffff;
}

.mega-menu-banner.style-dark p {
    color: #94a3b8;
}

.mega-menu-banner.style-dark .banner-cta {
    background: #ffffff;
    color: #0f172a;
}

.mega-menu-banner.style-dark .banner-cta:hover {
    background: #279F9F;
    color: #ffffff;
}

.mega-menu-banner.style-dark .banner-cta i {
    transform: scaleX(-1); /* قرینه‌سازی آیکون تلفن برای زبان‌های راست‌چین */
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3e8434b *//* متغیرهای رنگی و پایه */
.elementor-9160 .elementor-element.elementor-element-3e8434b {
    --mega-primary: #279F9F;
    --mega-primary-light: rgba(39, 159, 159, 0.08); /* پس‌زمینه خیلی روشن برای هاور */
    --mega-text-main: #2b2b2b;
    --mega-text-muted: #6b6b6b;
    --mega-border: #eaeaea;
    --mega-bg: #ffffff;
}

/* کانتینر اصلی تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
    display: flex !important;
    flex-direction: row;
    background: var(--mega-bg);
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    border: 1px solid var(--mega-border);
    overflow: hidden;
}

/* ستون عناوین تب‌ها (سمت راست) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
    flex: 0 0 320px !important; /* عرض ستون منوها */
    background: #fdfdfd;
    border-left: 1px solid var(--mega-border);
    padding: 20px 0;
    display: flex;
    flex-direction: column;
}

/* استایل دکمه‌های تب */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title {
    padding: 13px 18px;
    margin: 0 10px 4px 10px;
    border-radius: 8px;
    background: transparent;
    color: var(--mega-text-main);
    font-weight: 500;
    font-size: 15px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: none !important;
    text-align: right;
    display: flex;
    align-items: center;
}

/* هاور تب‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title:hover {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
}

/* تب فعال (Active) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"] {
    background: var(--mega-primary-light);
    color: var(--mega-primary);
    font-weight: 700;
}

/* خط نشانگر کنار تب فعال */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tab-title[aria-selected="true"]::before {
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 4px;
    background-color: var(--mega-primary);
    border-radius: 4px 0 0 4px;
}

/* بخش محتوای داخلی (سمت چپ) */
.elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-content {
    flex: 1;
    padding: 30px 40px;
}

/* شبکه بندی (Grid) برای لیست لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 10px 25px;
}

/* استایل آیتم‌های لیست */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--mega-text-muted);
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

/* افکت هاور روی لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover {
    background: #f8f9fa;
    color: var(--mega-primary);
    transform: translateX(-6px); /* حرکت نرم به سمت چپ هنگام هاور */
}

/* آیکون فلش کنار لینک‌ها */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-icon {
    margin-left: 12px;
    color: var(--mega-primary);
    font-size: 12px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

/* حرکت آیکون در هاور */
.elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-item a:hover .elementor-icon-list-icon {
    opacity: 1;
    transform: translateX(-3px);
}

/* حالت موبایل */
@media (max-width: 767px) {
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs {
        flex-direction: column;
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .e-n-tabs-heading {
        flex: none !important;
        border-left: none;
        border-bottom: 1px solid var(--mega-border);
    }
    .elementor-9160 .elementor-element.elementor-element-3e8434b .elementor-icon-list-items {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */